@charset "UTF-8";

/* バナーその一のアニメーション。通常時。背景だけ縦にスクロール。 */
@-webkit-keyframes precureanimn {
	0%  {background-position: 25px 80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 200px;}
	100%{background-position: 25px 80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 0px  ;}
}
@-moz-keyframes precureanimn {
	0%  {background-position: 25px 80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 200px;}
	100%{background-position: 25px 80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 0px  ;}
}

/* バナーその一のアニメーション。マウスオーバー時。 */
@-webkit-keyframes precureanimh {
	0%  {background-position: 136px  80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 0px; -webkit-background-size:   0px   0px;}
	10% {background-position: 136px  80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0    0px , 0px 0px; -webkit-background-size:   0px   0px;}
	20% {background-position: 136px  80px , -324px 155px , 0 200px , 216px -200px , 108px   0px , 0    0px , 0px 0px; -webkit-background-size:   0px   0px;}
	30% {background-position: 136px  80px , -324px 155px , 0 200px , 216px    0px , 108px   0px , 0    0px , 0px 0px; -webkit-background-size:   0px   0px;}
	35% {background-position: 136px  80px , -324px 155px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; -webkit-background-size:   0px   0px;}
	49% {background-position: 136px  80px , -324px 155px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; -webkit-background-size:   0px   0px;}
	52% {background-position: 162px 125px ,      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; -webkit-background-size:   0px   0px;}
	63% {background-position:  -2px  70px ,      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; -webkit-background-size: 328px 107px;}
	67% {background-position:  25px  80px ,      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; -webkit-background-size: 273px  89px;}
	100%{background-position:  25px  80px ,      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; -webkit-background-size: 273px  89px;}
}
@-moz-keyframes precureanimh {
	0%  {background-position: 136px  80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 0px; background-size:   0px   0px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	10% {background-position: 136px  80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0    0px , 0px 0px; background-size:   0px   0px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	20% {background-position: 136px  80px , -324px 155px , 0 200px , 216px -200px , 108px   0px , 0    0px , 0px 0px; background-size:   0px   0px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	30% {background-position: 136px  80px , -324px 155px , 0 200px , 216px    0px , 108px   0px , 0    0px , 0px 0px; background-size:   0px   0px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	35% {background-position: 136px  80px , -324px 155px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; background-size:   0px   0px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	49% {background-position: 136px  80px , -324px 155px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; background-size:   0px   0px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	52% {background-position: 162px 125px ,      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; background-size:   0px   0px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	63% {background-position:  -2px  70px ,      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; background-size: 328px 107px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	67% {background-position:  25px  80px ,      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; background-size: 273px  89px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
	100%{background-position:  25px  80px ,      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px; background-size: 273px  89px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;;}
}
/* バナーその二のアニメーション。通常時。背景だけ縦にスクロール。 */
@-webkit-keyframes precureanim2n {
	0%  {background-position: -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 200px;}
	100%{background-position: -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px   0px;}
}
@-moz-keyframes precureanim2n {
	0%  {background-position: -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 200px;}
	100%{background-position: -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px   0px;}
}

/* バナーその二のアニメーション。マウスオーバー時。 */
@-webkit-keyframes precureanim2h {
	0%  {background-position: -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 0px;}
	10% {background-position: -324px 155px , 0 200px , 216px -200px , 108px 200px , 0    0px , 0px 0px;}
	20% {background-position: -324px 155px , 0 200px , 216px -200px , 108px   0px , 0    0px , 0px 0px;}
	30% {background-position: -324px 155px , 0 200px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	35% {background-position: -324px 155px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	49% {background-position: -324px 155px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	52% {background-position:      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	99% {background-position:      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	100%{background-position:      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
}
@-moz-keyframes precureanim2h {
	0%  {background-position: -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 0px;}
	10% {background-position: -324px 155px , 0 200px , 216px -200px , 108px 200px , 0    0px , 0px 0px;}
	20% {background-position: -324px 155px , 0 200px , 216px -200px , 108px   0px , 0    0px , 0px 0px;}
	30% {background-position: -324px 155px , 0 200px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	35% {background-position: -324px 155px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	49% {background-position: -324px 155px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	52% {background-position:      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	99% {background-position:      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
	100%{background-position:      0 117px , 0 117px , 216px    0px , 108px   0px , 0    0px , 0px 0px;}
}

/* バナーその二のアニメーション。imgの回転アニメーション。 */
@-webkit-keyframes precureanim2i {
	0%  {-webkit-transform: rotate(   0deg); width:   0px; height:  0px; padding: 324px 324px 324px 324px;}
	26% {-webkit-transform: rotate(   0deg); width:   0px; height:  0px; padding: 324px 324px 324px 324px;}
	45% {-webkit-transform: rotate(1080deg); width: 281px; height: 97px; padding: 276px 176px 282px 182px;}
	46% {-webkit-transform: rotate(1080deg); width: 273px; height: 89px; padding: 279px 187px 279px 187px;}
	100%{-webkit-transform: rotate(1080deg); width: 273px; height: 89px; padding: 279px 187px 279px 187px;}
}
@-moz-keyframes precureanim2i {
	0%  {-moz-transform: rotate(   0deg); width:   0px; height:  0px; padding: 324px 324px 324px 324px;}
	26% {-moz-transform: rotate(   0deg); width:   0px; height:  0px; padding: 324px 324px 324px 324px;}
	45% {-moz-transform: rotate(1080deg); width: 281px; height: 97px; padding: 276px 176px 282px 182px;}
	46% {-moz-transform: rotate(1080deg); width: 273px; height: 89px; padding: 279px 187px 279px 187px;}
	100%{-moz-transform: rotate(1080deg); width: 273px; height: 89px; padding: 279px 187px 279px 187px;}
}

/* バナーその三のアニメーションその一。キャラクターを横に移動。 */
@-webkit-keyframes precureanim3a {
	0%{  background-position: -190px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	10%{ background-position:  110px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	20%{ background-position:  110px 0 ,  110px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	30%{ background-position:  110px 0 ,  110px 0 ,  110px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	40%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	50%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	60%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	70%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0,  110px 0, -190px 0, -190px 0, -190px 0;}
	80%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0,  110px 0,  110px 0, -190px 0, -190px 0;}
	90%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0,  110px 0,  110px 0,  110px 0, -190px 0;}
	100%{background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0,  110px 0,  110px 0,  110px 0,  110px 0;}
}
@-moz-keyframes precureanim3a {
	0%{  background-position: -190px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	10%{ background-position:  110px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	20%{ background-position:  110px 0 ,  110px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	30%{ background-position:  110px 0 ,  110px 0 ,  110px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	40%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	50%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	60%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0, -190px 0, -190px 0, -190px 0, -190px 0;}
	70%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0,  110px 0, -190px 0, -190px 0, -190px 0;}
	80%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0,  110px 0,  110px 0, -190px 0, -190px 0;}
	90%{ background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0,  110px 0,  110px 0,  110px 0, -190px 0;}
	100%{background-position:  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0 ,  110px 0,  110px 0,  110px 0,  110px 0,  110px 0;}
}

/* バナーその三のアニメーションその二。要素全体を回転 */
@-webkit-keyframes precureanim3b {	
	0%{ -webkit-transform:rotate(-50deg);}
	9%{ -webkit-transform:rotate(50deg);}
	10%{-webkit-transform:rotate(-50deg);}
	19%{-webkit-transform:rotate(50deg);}
	20%{-webkit-transform:rotate(-50deg);}
	29%{-webkit-transform:rotate(50deg);}
	30%{-webkit-transform:rotate(-50deg);}
	39%{-webkit-transform:rotate(50deg);}
	40%{-webkit-transform:rotate(-50deg);}
	49%{-webkit-transform:rotate(50deg);}
	50%{-webkit-transform:rotate(-50deg);}
	59%{-webkit-transform:rotate(50deg);}
	60%{-webkit-transform:rotate(-50deg);}
	69%{-webkit-transform:rotate(50deg);}
	70%{-webkit-transform:rotate(-50deg);}
	79%{-webkit-transform:rotate(50deg);}
	80%{-webkit-transform:rotate(-50deg);}
	89%{-webkit-transform:rotate(50deg);}
	90%{-webkit-transform:rotate(-50deg);}
	99%{-webkit-transform:rotate(50deg);}
	100%{-webkit-transform:rotate(-50deg);}
}
@-moz-keyframes precureanim3b {	
	0%{ -moz-transform:rotate(-50deg);}
	9%{ -moz-transform:rotate(50deg);}
	10%{-moz-transform:rotate(-50deg);}
	19%{-moz-transform:rotate(50deg);}
	20%{-moz-transform:rotate(-50deg);}
	29%{-moz-transform:rotate(50deg);}
	30%{-moz-transform:rotate(-50deg);}
	39%{-moz-transform:rotate(50deg);}
	40%{-moz-transform:rotate(-50deg);}
	49%{-moz-transform:rotate(50deg);}
	50%{-moz-transform:rotate(-50deg);}
	59%{-moz-transform:rotate(50deg);}
	60%{-moz-transform:rotate(-50deg);}
	69%{-moz-transform:rotate(50deg);}
	70%{-moz-transform:rotate(-50deg);}
	79%{-moz-transform:rotate(50deg);}
	80%{-moz-transform:rotate(-50deg);}
	89%{-moz-transform:rotate(50deg);}
	90%{-moz-transform:rotate(-50deg);}
	99%{-moz-transform:rotate(50deg);}
	100%{-moz-transform:rotate(-50deg);}
}

/* バナーその三のアニメーションその三。ドロップシャドウの変更 */
@-webkit-keyframes precureanim3c {
	0%{ -webkit-box-shadow:0px 7px 5px #444;}
	4%{ -webkit-box-shadow:4px 4px 5px #444;}
	9%{ -webkit-box-shadow:7px 0px 5px #444;}
	10%{-webkit-box-shadow:0px 7px 5px #444;}
	14%{ -webkit-box-shadow:4px 4px 5px #444;}
	19%{ -webkit-box-shadow:7px 0px 5px #444;}
	20%{-webkit-box-shadow:0px 7px 5px #444;}
	24%{ -webkit-box-shadow:4px 4px 5px #444;}
	29%{ -webkit-box-shadow:7px 0px 5px #444;}
	30%{-webkit-box-shadow:0px 7px 5px #444;}
	34%{ -webkit-box-shadow:4px 4px 5px #444;}
	39%{ -webkit-box-shadow:7px 0px 5px #444;}
	40%{-webkit-box-shadow:0px 7px 5px #444;}
	44%{ -webkit-box-shadow:4px 4px 5px #444;}
	49%{ -webkit-box-shadow:7px 0px 5px #444;}
	50%{-webkit-box-shadow:0px 7px 5px #444;}
	54%{ -webkit-box-shadow:4px 4px 5px #444;}
	59%{ -webkit-box-shadow:7px 0px 5px #444;}
	60%{-webkit-box-shadow:0px 7px 5px #444;}
	64%{ -webkit-box-shadow:4px 4px 5px #444;}
	69%{ -webkit-box-shadow:7px 0px 5px #444;}
	70%{-webkit-box-shadow:0px 7px 5px #444;}
	74%{ -webkit-box-shadow:4px 4px 5px #444;}
	79%{ -webkit-box-shadow:7px 0px 5px #444;}
	80%{-webkit-box-shadow:0px 7px 5px #444;}
	84%{ -webkit-box-shadow:4px 4px 5px #444;}
	89%{ -webkit-box-shadow:7px 0px 5px #444;}
	90%{-webkit-box-shadow:0px 7px 5px #444;}
	94%{ -webkit-box-shadow:4px 4px 5px #444;}
	99%{ -webkit-box-shadow:7px 0px 5px #444;}
	100%{-webkit-box-shadow:0px 7px 5px #444;}
}
@-moz-keyframes precureanim3c {
	0%{ box-shadow:0px 7px 5px #444;}
	4%{ box-shadow:4px 4px 5px #444;}
	9%{ box-shadow:7px 0px 5px #444;}
	10%{box-shadow:0px 7px 5px #444;}
	14%{ box-shadow:4px 4px 5px #444;}
	19%{ box-shadow:7px 0px 5px #444;}
	20%{box-shadow:0px 7px 5px #444;}
	24%{ box-shadow:4px 4px 5px #444;}
	29%{ box-shadow:7px 0px 5px #444;}
	30%{box-shadow:0px 7px 5px #444;}
	34%{ box-shadow:4px 4px 5px #444;}
	39%{ box-shadow:7px 0px 5px #444;}
	40%{box-shadow:0px 7px 5px #444;}
	44%{ box-shadow:4px 4px 5px #444;}
	49%{ box-shadow:7px 0px 5px #444;}
	50%{box-shadow:0px 7px 5px #444;}
	54%{ box-shadow:4px 4px 5px #444;}
	59%{ box-shadow:7px 0px 5px #444;}
	60%{box-shadow:0px 7px 5px #444;}
	64%{ box-shadow:4px 4px 5px #444;}
	69%{ box-shadow:7px 0px 5px #444;}
	70%{box-shadow:0px 7px 5px #444;}
	74%{ box-shadow:4px 4px 5px #444;}
	79%{ box-shadow:7px 0px 5px #444;}
	80%{box-shadow:0px 7px 5px #444;}
	84%{ box-shadow:4px 4px 5px #444;}
	89%{ box-shadow:7px 0px 5px #444;}
	90%{box-shadow:0px 7px 5px #444;}
	94%{ box-shadow:4px 4px 5px #444;}
	99%{ box-shadow:7px 0px 5px #444;}
	100%{box-shadow:0px 7px 5px #444;}
}

/* バナーその四のアニメーション。beforeの回転アニメーション。 */
@-moz-keyframes precureanim4i {
        0%  {-moz-transform: rotate(   0deg) scale(0) ; width:   0px; height:  0px; padding: 324px 324px 324px 324px;}
        26% {-moz-transform: rotate(   0deg) scale(0); width:   0px; height:  0px; padding: 324px 324px 324px 324px;}
        45% {-moz-transform: rotate(1080deg) scale(1.1); width: 281px; height: 97px; padding: 276px 176px 282px 182px;}
        46% {-moz-transform: rotate(1080deg) scale(1); width: 273px; height: 89px; padding: 279px 187px 279px 187px;}
        100%{-moz-transform: rotate(1080deg) scale(1); width: 273px; height: 89px; padding: 279px 187px 279px 187px;}
}


/* バナーその一。マウスオーバー時。animations無効のWebブラウザの場合、マウスオーバーしたときに瞬時にこの見た目になる。 */
.precurebanner:hover{
	-webkit-animation-name: precureanimh;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
  -moz-animation-name: precureanimh;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	background-position: 25px 80px , 0 117px , 0 117px , 216px 0px , 108px 0px , 0 0px , 0px 0px;
}

/* バナーその一。通常時。背景画像はここで一括指定。 */
.precurebanner {
	text-indent:-9999px;
	display:inline-block;
	width:324px;
	height:200px;
	text-align:center;
	margin: auto auto;
	background-image: url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/1/8/18f82ce1.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/a/c/acbab962.png),
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/d/c/dc9d56a0.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/f/6/f654bcc1.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/a/f/afa2ac6e.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/f/f/ff0cee0c.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/2/c/2c5c264b.png);
	background-repeat: no-repeat , no-repeat , no-repeat , no-repeat , no-repeat , no-repeat , repeat-y;
	background-position: 25px 80px , -324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 0px;
	-webkit-background-clip: padding, padding, padding, padding, padding, padding, padding;
	-webkit-background-origin: padding;
	-webkit-background-size: 273px 89px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;
	-webkit-animation-name: precureanimn;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-border-radius:25px;
   
  -moz-background-clip: padding, padding, padding, padding, padding, padding, padding;
	-moz-background-origin: padding;
	background-size: 273px 89px , 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;
	-moz-animation-name: precureanimn;
	-moz-animation-duration: 6s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-border-radius:25px;
}

/* バナーその二。マウスオーバー時。 */
.precurebanner2:hover,
.precurebanner4:hover {
	-webkit-animation-name: precureanim2h;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
  -moz-animation-name: precureanim2h;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	background-position: 0 117px , 0 117px , 216px 0px , 108px 0px , 0 0px , 0px 0px;
}

/* バナーその二。通常時。 */
.precurebanner2,
.precurebanner4 {
	display:inline-block;
	width:324px;
	height:200px;
	text-align:center;
	margin: auto auto;
	background-image: url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/a/c/acbab962.png),
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/d/c/dc9d56a0.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/f/6/f654bcc1.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/a/f/afa2ac6e.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/f/f/ff0cee0c.png) ,
	url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/2/c/2c5c264b.png);
	background-repeat:no-repeat , no-repeat , no-repeat , no-repeat , no-repeat , repeat-y;
	background-position:-324px 155px , 0 200px , 216px -200px , 108px 200px , 0 -200px , 0px 0px;
	-webkit-background-clip: padding, padding, padding, padding, padding, padding, padding;
	-webkit-background-origin: padding;
	-webkit-background-size: 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;
	-webkit-animation-name: precureanim2n;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	overflow:hidden;
	-webkit-border-radius:25px;
   
  -moz-background-clip: padding, padding, padding, padding, padding, padding, padding;
	-moz-background-origin: padding;
	-moz-background-size: 324px 83px , 324px 83px , 108px 200px , 108px 200px , 108px 200px , 324px 200px;
	-moz-animation-name: precureanim2n;
	-moz-animation-duration: 6s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-border-radius:25px;
}

/* バナーその二。imgのマウスオーバー時。 */
.precurebanner2 img:hover{
	-webkit-animation-name: precureanim2i;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-webkit-transform: rotate(1080deg);
   
  -moz-animation-name: precureanim2i;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;
	-moz-transform: rotate(1080deg);
}

/* バナーその二。imgの通常時。 */
.precurebanner2 img{
	display:block;
	width:273px;
	height:89px;
	padding:279px 187px 279px 187px;
	position:relative;
	left:-162px;
	top:-199px;
	background-position:187px 242px;
	-webkit-transform-origin:324px 300px;
  -moz-transform-origin:324px 300px;
}

/* バナーその三。アニメーションを三つ同時指定。 */
/* アニメーションは複数同時指定できるけど、
   複数background-imageの個々の画像に対して
   アニメーションを割り当てられないので、正直辛い */
.precurebanner3{
	display:inline-block;
	background:url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/7/4/740c0170.png) no-repeat ,
	           url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/c/f/cf771ea8.png) no-repeat ,
			   url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/d/3/d3993541.png) no-repeat ,
			   url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/b/1/b1a0b2af.png) no-repeat ,
			   url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/a/a/aaab6038.png) no-repeat ,
			   url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/6/f/6f3dac18.png) no-repeat ,
			   url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/d/0/d01c6664.png) no-repeat ,
			   url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/1/9/1971e016.png) no-repeat ,
			   url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/5/d/5d898a97.png) no-repeat ,
			   url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/f/f/ff14b0b4.png) no-repeat ;
	background-position: -190px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0 , -190px 0, -190px 0, -190px 0, -190px 0, -190px 0;
	width:100px;
	height:100px;
	border-radius:50px;
	-webkit-box-shadow:5px 5px 5px #555;
	-webkit-animation-name:precureanim3a,precureanim3b,precureanim3c;
	-webkit-animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
 
	box-shadow:5px 5px 5px #555;
	-moz-animation-name:precureanim3a,precureanim3b,precureanim3c;
	-moz-animation-duration: 10s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	color:rgba(255,255,255,0) !important;
  /*text-indent:-9999px;*/
}

.precurebanner4{
  color:rgba(255,255,255,0) !important;
}
/* バナーその四。imgのマウスオーバー時。 */
.precurebanner4:hover:before{
     -moz-animation-name: precureanim4i;
        -moz-animation-duration: 4s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: 1;
        -moz-transform: rotate(1080deg);
}

/* バナーその四。imgの通常時。 */
.precurebanner4:before{
        content:url(http://livedoor.blogimg.jp/shukujitsu-dev/imgs/1/8/18f82ce1.png?e1a27ba3);
        display:block;
        width:273px;
        height:89px;
        padding:279px 187px 279px 187px;
        position:relative;
        left:-162px;
        top:-199px;
        background-position:187px 242px;
        -webkit-transform-origin:324px 300px;
        -moz-transform-origin:324px 300px;
}

